<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的资料</title>
    <link rel="stylesheet" href="https://res.wx.qq.com/open/libs/weui/2.3.0/weui.min.css" />
</head>

<body>
    <div class="ifmtion-head">
        <span class="iconfont icon-zuoyou1"></span>
        个人资料修改
    </div>

    <!-- 昵称 -->
    <div class="weui-cell weui-cell_active">
        <div class="weui-cell__hd"><label class="weui-label">昵称</label></div>
        <div class="weui-cell__bd">
            <input id="js_input" class="weui-input" placeholder="填写本人微信号的昵称" />
        </div>
    </div>

    <!-- 性别-->
    <div class="weui-cell weui-cell_active weui-cell_access" id="showDatePicker">
        <div class="weui-cell__bd">性别</div>
        <div class="weui-cell__ft">未选择</div>
    </div>

    <!-- 生日  -->
    <div class="weui-cell weui-cell_active weui-cell_access" id="showDatePicker">
        <div class="weui-cell__bd">生日</div>
        <div class="weui-cell__ft">未选择</div>
    </div>

    <!-- 省份 -->
    <div class="weui-cell weui-cell_active weui-cell_access" id="showDatePicker">
        <div class="weui-cell__bd">省份</div>
        <div class="weui-cell__ft">未选择</div>
    </div>

    <!-- 城市 -->
    <div class="weui-cell weui-cell_active weui-cell_access" id="showDatePicker">
        <div class="weui-cell__bd">城市</div>
        <div class="weui-cell__ft">未选择</div>
    </div>

    <!-- 个性签名 -->
    <div class="weui-cells__group weui-cells__group_form">
        <div class="weui-cells__title">个性签名</div>
        <div class="weui-cells weui-cells_form">
            <div class="weui-cell ">
                <div class="weui-cell__bd">
                    <textarea class="weui-textarea" placeholder="请输入个性签名" rows="3"></textarea>
                    <div class="weui-textarea-counter"><span>0</span>/200</div>
                </div>
            </div>
        </div>
      </div>





    <input type="button" class="btn verify-inp" id="btn" value="登录">


    <script src="https://res.wx.qq.com/open/libs/weuijs/1.2.1/weui.min.js" charset="utf-8"></script>
</body>

</html>